<!DOCTYPE HTML>
<html lang="en">
  
  <head>
    <meta charset="UTF-8">
    <link media="all" rel="stylesheet" href="css/bootstrap.css" type="text/css" />
    <link media="all" rel="stylesheet" href="css/base.css" type="text/css" />
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/d3.js" type="text/javascript"></script>
<script src="js/d3.layout.js" type="text/javascript"></script>
    <script src="js/base.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>

    <title>Grossopa's Home</title>
  </head>
  
  <body>
    <div id="hfCont" class="hfCont">
      <div id="hf0" class="hugeFont">G</div>
      <div id="hf1" class="hugeFont">R</div>
      <div id="hf2" class="hugeFont">O</div>
      <div id="hf3" class="hugeFont">S</div>
      <div id="hf4" class="hugeFont">S</div>
      <div id="hf5" class="hugeFont">O</div>
      <div id="hf6" class="hugeFont">P</div>
      <div id="hf7" class="hugeFont leftStartPos">A</div>
      <div id="hf0sf" class="smallFontCont">
        <div id="hf0sf1" class="smallFont">R</div>
        <div id="hf0sf2" class="smallFont">E</div>
        <div id="hf0sf3" class="smallFont">E</div>
        <div id="hf0sf4" class="smallFont">T</div>
        <div id="hf0sf5" class="smallFont">I</div>
        <div id="hf0sf6" class="smallFont">N</div>
        <div id="hf0sf7" class="smallFont">G</div>
      </div>
      <div id="hf1sf" class="smallFontCont">
        <div id="hf1sf1" class="smallFont">P</div>
        <div class="smallFontGap">&nbsp;</div>
        <div id="hf1sf2" class="smallFont smallFontAlignRight">O</div>
        <div id="hf1sf3" class="smallFont smallFontAlignRight">G</div>
        <div id="hf1sf4" class="smallFont smallFontAlignRight">R</div>
        <div id="hf1sf5" class="smallFont smallFontAlignRight">A</div>
        <div id="hf1sf6" class="smallFont smallFontAlignRight">M</div>
        <div id="hf1sf7" class="smallFont smallFontAlignRight">M</div>
        <div id="hf1sf8" class="smallFont smallFontAlignRight">E</div>
        <div id="hf1sf9" class="smallFont smallFontAlignRight">R</div>
      </div>
      <div id="hf3sf" class="smallFontCont">
        <div id="hf3sf1" class="smallFont smallFontAlignCenter">O</div>
        <div id="hf3sf2" class="smallFont smallFontAlignCenter">P</div>
        <div id="hf3sf3" class="smallFont smallFontAlignCenter">E</div>
        <div id="hf3sf4" class="smallFont smallFontAlignCenter">N</div>
        <div class="smallFontGap">&nbsp;</div>
        <div id="hf3sf5" class="smallFont smallFontAlignRight">O</div>
        <div id="hf3sf6" class="smallFont smallFontAlignRight">U</div>
        <div id="hf3sf7" class="smallFont smallFontAlignRight">R</div>
        <div id="hf3sf8" class="smallFont smallFontAlignRight">C</div>
        <div id="hf3sf9" class="smallFont smallFontAlignRight">E</div>
      </div>
      <div id="hf4sf" class="smallFontCont">
          <div id="hf4sf1" class="smallFont smallFontAlignCenter">H</div>
          <div id="hf4sf2" class="smallFont smallFontAlignCenter">I</div>
          <div class="smallFontGap">&nbsp;</div>
          <div id="hf4sf3" class="smallFont smallFontAlignLeft">T</div>
          <div id="hf4sf4" class="smallFont smallFontAlignLeft">O</div>
          <div id="hf4sf5" class="smallFont smallFontAlignLeft">R</div>
          <div id="hf4sf6" class="smallFont smallFontAlignLeft">Y</div>
      </div>
      <div id="hf5sf" class="smallFontCont">
        <div id="hf5sf1" class="smallFont smallFontAlignRight">B</div>
        <div id="hf5sf2" class="smallFont smallFontAlignRight">L</div>
        <div class="smallFontGap">&nbsp;</div>
        <div id="hf5sf3" class="smallFont smallFontAlignCenter">G</div>
      </div>
      <div id="hf7sf" class="smallFontCont" style="width: 220px">
        <div id="hf7sf1" class="smallFont smallFontAlignCenter">BOUT</div>
      </div>
    </div>
    <div id="maskCont" class="hide">
      <div id="details_cont_outer">
      <div id="details_cont"></div>
      <!--<div id="details_back_icon"><img src="images/details_back.png" alt="" /></div>-->
      </div>
    </div>
    <!--<div id="greetingCont" class="detailsCont hide">
      <p class="greetingTitle">Yin, Ze-Shuo, Jack</p>
      <p class="greetingDesc">26 years old programmer</p>
      <p class="greetingDesc">Living and working in Shanghai, China</p>
      <p class="greetingDesc"></p>
    </div>
    <div id="programmerCont" class="detailsCont hide">
      <div id="programmerFlex" class="proLeft">4 Years Experience, Strong ability of construction, module and refactoring existing codes.</div>
      <div class="hrule"></div>
      <div id="programmerJava" class="proRight">4 Years Experience, familiar with lot of Spring frameworks, Focusing on J2EE programming.</div>
      <div class="hrule"></div>
      <div id="programmerHTML" class="proLeft">Focusing on JQuery and BootStrap frameworks. Still learning how to write the code much more beautiful and powerful, B.T.W, I love zencoding!</div>
      <div class="hrule"></div>
      <div id="programmerPython" class="proRight">Python is a great programming language, but I only use it for writing scripts to manage my MacOS/Linux system or do some deployment. I may learn more about Python in the future!</div>
      <div class="hrule"></div>
      <div id="programmerMySQL" class="proLeft">Use MySQL as primary database.</div>
      <div class="hrule"></div>
    </div>
    <div id="openCont" class="detailsCont hide">
      <div id="openTitle">Dropbox API AS3 Version</div>
      <div id="openDesc">
        <img id="openImg" src="images/dropbox.png" alt="" />&nbsp;&nbsp;&nbsp;&nbsp;ActionScript 3 version of dropbox core API, listedon the dropbox official website. The project is released under MIT licence intended to be useful both as reference documentation and for regular use. The project is the solution
        of drobox API on Flash.
        <br />&nbsp;&nbsp;&nbsp;&nbsp;I have maintained this project for nearly 2 years now and now it’s much more stable. It’s fun too maintain such kind of opensource project, issue management, various kinds of issues, teach other’s on how to use it (through there
        are already documents)....
        <br />&nbsp;&nbsp;&nbsp;&nbsp;It’s really excited to be an opensource contributor.</div>
    </div>
    <div id="historyCont" class="detailsCont row-fluid hide">
      <div class="hide">
        <div id="historyItemTemplate" class="history_item">
          <div class="history_item_year span3"></div>
          <div class="history_item_desc span9"></div>
        </div>
      </div>
    </div>
    <div id="aboutCont" class="detailsCont row-fluid hide">
      <div class="span8">
        <div id="aboutMail" class="aboutItem"> <span class="aboutLabel">Email : </span>

<span class="aboutValue">
<a href="mailto:grossopaforever@gmail.com">grossopaforever@gmail.com</a>
</span>

        </div>
        <div id="aboutStype"> <span class="aboutLabel">Skype : </span>
 <span class="aboutValue">grossopaforever</span>

        </div>
        <div id="aboutQQ"> <span class="aboutLabel">QQ : </span>
 <span class="aboutValue">441485059</span>

        </div>
        <div id="aboutLocation"> <span class="aboutLabel">Location : Pu Dong New Area, Shanghai, China</span>

          <div id="aboutMap"></div>
        </div>
      </div>
      <div id="aboutSocial">
        <a id="aboutSocSina" class="aboutSocIcon" href="http://weibo.com/grossopa" target="_blank">
          <img src="../images/icon_social_weibo.png">
        </a>
        <a id="aboutSocGPlus" class="aboutSocIcon" href="https://plus.google.com/u/0/109249181088893028231" target="_blank">
          <img src="../images/icon_social_gplus.png">
        </a>
        <a id="aboutSocTwitter" class="aboutSocIcon" href="https://www.twitter.com/zeshuoyin" target="_blank">
          <img src="../images/icon_social_twitter.png">
        </a>
        <a id="aboutSocLinkedin" class="aboutSocIcon" href="http://www.linkedin.com/profile/view?id=67012369" target="_blank">
          <img src="../images/icon_social_linkedin.png">
        </a>
        <a id="aboutSocFacebook" class="aboutSocIcon" href="https://www.facebook.com/zeshuo" target="_blank">
          <img src="../images/icon_social_facebook.png">
        </a>
      </div>
    </div>-->
 <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-8418063-4']);
  _gaq.push(['_trackPageview']);

  /*(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();*/

</script> 

  </body>

</html>
